<!DOCTYPE html>
<html>
    <head>
        <title> {{title}} </title>
	<meta name="marboo-template" content="vextab.txt.html">
        <meta name="viewport" content="width=320, initial-scale=1.0, user-scalable=yes" charset="utf-8">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="generator" content="Marboo 0.10: http://marboo.io" />
	<meta name="keywords" content="Marboo" />
        <meta name="date" content="2014-07-09 08:27:33" />

        <link rel="stylesheet" type="text/css" href="/.media/css/bootstrap.min.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="/.media/css/pygmentize-default.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="/.media/css/marboo.css" media="screen" />

	<!-- Support Sources -->
	<script src="/.media/lib/vextab/vexflow-min.js"></script>
	<script src="/.media/lib/vextab/underscore-min.js"></script>
	<script src="/.media/js/jquery-2.0.0.min.js"></script>
	<script src="/.media/lib/vextab/tabdiv-min.js"></script>
    </head>
    <body style="background-color:transparent">
        <h1 style="text-align:center"> {{title}} </h1>
        <!--
            # This file is created from $MARBOO_HOME/.media/starts/default.html
            # 本文件由 $MARBOO_HOME/.media/starts/default.html 复制而来
        -->
        <!-- your code here -->
	<div class="vex-tabdiv" width="700" scale="0.9" editor="false" editor_width="640" editor_height="230">{{content}}</div>
<!--
	<div style="width:420; margin-left: auto; margin-right: auto;">
	  <div class="vex-tabdiv" width="400" scale="1.0" editor="true" editor_height="80" style="position: relative;">
	    <canvas class="vex-canvas" width="400" height="170"></canvas>
	    <div class="editor-error"></div>
	    <textarea class="editor" style="display:none">{{content}}</textarea>
	  </div>
	<script>
	  $(".editor").css("display", "none");
	</script>
-->
    </body>
</html>
